import { Tweets } from "../(home)/components/tweets";

const tweets = [
  "1937342910519038142",
  "1855005109572247585",
  "1863809657543799251",
  "1915946188635050258",
  "1891799924343197884",
  "1889956770472403335",
  "1882561938141634712",
  "1883945341185355949",
  "1914441046618214702",
  "1937346263621730369",
  "1937355014017810569",
  "1937498470103068852",
  "1937457894179438852",
  "1937454418942665033",
  "1937393811002654784",
  "1937271312734445767",
  "1937555727713005683",
  "1937540457623355603",
  "1937532629416554910",
  "1937510541850710503",
  "1937458682595295287",
  "1937428212813861131",
  "1937370588433265115",
  "1937362844309197311",
  "1937358142448222561",
  "1937294047191961676",
  "1937265589439046093",
  "1937254447190606096",
  "1937211838355132797",
  "1937911064550846559",
  "1937929808983326760",
  "1938493510736335220",
  "1939794667484156350",
  "1940543658333499717",
  "1976056982823153764",
  "1975063806620667993",
  "1975059814242988520",
  "1974601753514696795",
  "1973841395170619679",
  "1973479795548889562",
  "1972834428759196113",
  "1972530565321781720",
  "1972530006405603501",
  "1971244568147325438",
  "1970850976174362652",
  "1970785098875457672",
  "1970700608719241725",
  "1970603186575810806",
  "1970560665518776702",
  "1970087571859410966",
  "1969799814066971077",
  "1969727618237820980",
  "1969425185922302213",
  "1968013078643245208",
  "1964779171236004162",
  "1964776512160403462",
  "1964380227511132318",
  "1963608887661400244",
  "1963034609203241096",
  "1961867198424850756",
  "1961703060360581174",
  "1961565347493842993",
  "1961354988786983341",
  "1961199901737439518",
  "1961198608402808872",
  "1960997961711677659",
  "1959409721053446340",
  "1959306835741090279",
  "1958045598252491251",
  "1957248609105199349",
  "1957189301545877911",
  "1957129283492810970",
  "1956309638762074403",
  "1956173868420534665",
  "1955716115025551511",
  "1955631737826119936",
  "1955630606102167895",
  "1955626222840648072",
  "1955312886265368856",
  "1954559694955045063",
  "1953784139444007350",
  "1951513091625074849",
  "1950835367902679471",
  "1950129278147850354",
  "1949953704070701468",
  "1948134106933387586",
  "1948134103297237467",
  "1946689071033565282",
  "1946566402959192360",
  "1946123055048110168",
  "1945701700612010277",
  "1945366961514508684",
  "1945296786077229295",
  "1944409462145499557",
  "1944387854131442123",
  "1955313141786583080",
  "1943690477112348694",
  "1942114477488374069",
  "1941908759174918376",
  "1941620408781803815",
  "1976732830487958011",
  "1976926625259569304",
  "1976918451085361394",
  "1976865541639094684",
  "1976825011953676356",
  "1993696970540548548",
  "1993657378043240764",
  "1992954268132032904",
  "1993418479957950601",
  "1992620683055305015",
  "1992417706407243881",
  "1992411341655834835",
  "1992364132419715157",
  "1992242397070188808",
  "1991840139899732342",
  "1991409938292510921",
  "1990611431180718508",
  "1990476350486941783",
  "1990437877260361933",
  "1989560433565655148",
  "1988342044087955737",
  "1988022345903026222",
  "1987829097049821266",
  "1987569388753391809",
  "1987138417688268800",
  "1986654270800732355",
  "1985979082996138273",
  "1985667473106993329",
  "1985577476417077462",
  "1985347213481087348",
  "1984024935778677158",
  "1983994539389153638",
  "1983871338877259860",
  "1982567385426186416",
  "1982565444713324912",
  "1982542119987536067",
  "1982446030219055120",
  "1982270387489763450",
  "1982036877436670030",
  "1981854141464170805",
  "1981314637556502924",
  "1981252845266460811",
  "1981055740719640871",
  "1980933546148860180",
  "1980364774799286588",
  "1980212160082145611",
  "1979920580754489460",
  "1979893983334813810",
  "1979625325764976773",
  "1979128564067750063",
  "1978862622347817410",
  "1977425792360427797",
];

const SocialPage = () => (
  <div className="mx-auto mt-20 grid w-full max-w-7xl gap-20 px-4">
    <div className="grid gap-20">
      <div className="grid gap-4">
        <h1 className="mb-0 max-w-lg text-balance font-medium text-5xl tracking-tighter">
          See what the community is saying about Ultracite
        </h1>
        <p className="max-w-lg text-balance text-muted-foreground">
          Here's what some of the most in the most forward-thinking developers
          in the React ecosystem have to say about Ultracite.
        </p>
      </div>
    </div>
    <Tweets tweets={tweets} />
  </div>
);

export default SocialPage;
